<template>
  <div class="errorPage">
    <h1>{{ $t('亲，你访问的是无效链接哦~~~') }}</h1>
    <span @click="goHome" v-show="isShowBtn" class="btn">{{ $t(this.btnTitle) }}</span>
  </div>
</template>

<script lang="ts">
import Vue from 'vue';
import { Component } from 'vue-property-decorator';

@Component
export default class ErrorPage extends Vue {
  btnTitle = '<< 点击返回';

  isShowBtn = false;

  mounted() {
    this.initPage();
  }

  async initPage() {
    // console.log(" 错误页面 >>>>>>>>>> : ");
  }

  goHome() {
    window.location.href = `${origin}#/home`;
  }
}
</script>

<style lang="less" scoped>
@import './index.less';
</style>
